<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.w3.org/1999/xhtml">
<head th:include="common-view/head"></head>
<body>
<div th:include="common-view/header"></div>
<div th:include="common-view/nav"></div>
<script src="/static/js/cg.autoNav.js"></script>
<script src="/static/js/nav.cg-nav.js"></script>

<div class="content width_1000 clearfix">

    <div class="list-left fl">
        <div class="catalogBox">

            <div th:include="common-view/list-left"></div>
        </div>
    </div>
    <script src="/static/js/catalogList.li.js"></script>


    <div class="list-right fr">
        <div class="page-main">
            <div class="component-content">
                <div style="margin-bottom: 10px; border-bottom: 1px solid #ccc; padding:5px 0">
                    <strong>当前位置：</strong>
                    <span><a href="/index/competition">学科竞赛</a> &nbsp;>&nbsp;查看竞赛</span>

                </div>
                <form action="/xkjs/baogao/add" class="cg-form" method="post">
                    <table cellspacing="1" class="shenqitab shenqitab-pd" cellpadding="0"
                           style="width:100%;margin:10px 0 20px 0;border-collapse:separate;border-spacing:1px">
                        <tr>
                            <th width="100">竞赛名称：</th>
                            <td colspan="4" th:text="${match.matchName}"></td>
                            <td align="right">
                                <div style="width: 100px;height: 22px;border: 1px black solid;line-height: 22px;float: right;text-align:center;">
                                    <span class="sbz" th:text="${match.matchState}"></span>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <th>竞赛主题：</th>
                            <td colspan="4" th:text="${match.matchTheme}"></td>
                        </tr>
                        <tr>
                            <th>期&nbsp;&nbsp;届&nbsp;杯：</th>
                            <td colspan="4" th:text="${match.matchSession}"></td>
                        </tr>
                        <tr>
                            <th>比赛地点：</th>
                            <td colspan="4" th:text="${match.matchPlace}"></td>
                        </tr>
                        <tr>
                            <th>报名时间：</th>
                            <td colspan="4" th:text="${match.enrollDate}"></td>
                        </tr>
                        <tr>
                            <th>竞赛时间：</th>
                            <td colspan="4" th:text="${match.matchDate}"></td>
                        </tr>
                        <tr>
                            <th>主办单位：</th>
                            <td colspan="4" th:text="${match.matchHost}"></td>
                        </tr>
                        <tr>
                            <th>承办单位：</th>
                            <td colspan="4" th:text="${match.matchUndertake}"></td>
                        </tr>
                        <tr>
                            <th>参赛人数：</th>
                            <td colspan="4" th:text="${match.matchNumber}"></td>
                        </tr>
                        <tr>
                            <th>报名要求：</th>
                            <td colspan="4" th:text="${match.matchRequirement}"></td>
                        </tr>
                        <tr>
                            <th>竞赛介绍：</th>
                            <td colspan="4" th:text="${match.matchIntroduce}"></td>
                        </tr>
                        <tr>
                            <th></th>
                            <td>
                                <div class="submitBtn">
                                    <!-- 校级竞赛 参赛队未报名 申报中 -->
                                    <div class="cg-buttons" style="float : left;margin: 10px">
                                        <a href="">我要报名</a>
                                    </div>
                                    <div class="cg-buttons" style="float : left;margin: 10px">
                                        <a href="">查看参赛队伍</a>
                                    </div>
                                    <div class="cg-buttons" style="float : left;margin: 10px">
                                        <a href="/index/competition">返回</a>
                                    </div>

                                </div>
                            </td>
                        </tr>
                    </table>
                </form>
            </div>
        </div>
    </div>
</div>

<div th:include="common-view/footer"></div>
<script src="/static/js/lib/jquery-3.4.1/jquery-3.4.1.min.js" charset="utf-8"></script>
<script src="/static/js/lib/axios/axios.min.js" charset="utf-8"></script>
<script type="text/javascript">
    axios({
        method: 'get',
        params: {
            articleType: '常见问题',
        },
        url: '/index/queryArticleByType',
    }).then(response => {
        var res = response.data;
        var pageInfo = res.data;
        var result = pageInfo.list;
        for (let i = 0; i < result.length; i++) {
            var html = '<li>';
            html += '<a href="/index/queryArticle?articleId=' + result[i].id + '"  class = "art-heading"> '
            html += ' ' + result[i].articleTitle.substring(0, 10) + '.... ';
            html += '</a>'
            html += ' <span class= "art-date" >' + result[i].createDate + '</span>';
            html += ' </li>'
            $("#cjwt").append(html);
        }
    });

    axios({
        method: 'get',
        params: {
            articleType: '相关文件',
        },
        url: '/index/queryArticleByType',
    }).then(response => {
        var res = response.data;
        var pageInfo = res.data;
        var result = pageInfo.list;
        for (let i = 0; i < result.length; i++) {
            var html = '<li>';
            html += '<a href="/index/queryArticle?articleId=' + result[i].id + '"  class = "art-heading"> '
            html += ' ' + result[i].articleTitle + '';
            html += '</a>'
            html += ' </li>'
            $("#xgwj").append(html);
        }
    });
</script>
</body>
</html>